<!DOCTYPE html>
{% load static %}
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0">
    <title>怪谈文章添加</title>
    <link href="{% static 'css/md/froalaeditor.min.css' %}" rel="stylesheet" type="text/css">
    <link href="{% static 'css/md/md.css' %}" rel="stylesheet" type="text/css">
</head>
<body style="">
<section class="article_editor">
    <div class="article_editor_toolbar" style="top: 0px;">
        <div class="fr-toolbar fr-ltr fr-desktop fr-top">
            <div class="fr-btn-grp fr-float-left">
                <button id="bold-3" type="button" tabindex="-1" role="button" aria-pressed="false" title="粗体 (Ctrl+B)"
                        class="fr-command fr-btn" data-cmd="bold">
                    <svg class="fr-svg" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path d="M15.25,11.8h0A3.68,3.68,0,0,0,17,9a3.93,3.93,0,0,0-3.86-4H6.65V19h7a3.74,3.74,0,0,0,3.7-3.78V15.1A3.64,3.64,0,0,0,15.25,11.8ZM8.65,7h4.2a2.09,2.09,0,0,1,2,1.3,2.09,2.09,0,0,1-1.37,2.61,2.23,2.23,0,0,1-.63.09H8.65Zm4.6,10H8.65V13h4.6a2.09,2.09,0,0,1,2,1.3,2.09,2.09,0,0,1-1.37,2.61A2.23,2.23,0,0,1,13.25,17Z"></path>
                    </svg>
                    <span class="fr-sr-only">粗体</span></button>
                <button id="italic-3" type="button" tabindex="-1" role="button" aria-pressed="false" title="斜体 (Ctrl+I)"
                        class="fr-command fr-btn" data-cmd="italic">
                    <svg class="fr-svg" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path d="M11.76,9h2l-2.2,10h-2Zm1.68-4a1,1,0,1,0,1,1,1,1,0,0,0-1-1Z"></path>
                    </svg>
                    <span class="fr-sr-only">斜体</span></button>
                <button id="underline-3" type="button" tabindex="-1" role="button" aria-pressed="false"
                        title="下划线 (Ctrl+U)" class="fr-command fr-btn" data-cmd="underline">
                    <svg class="fr-svg" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path d="M19,20v2H5V20Zm-3-6.785a4,4,0,0,1-5.74,3.4A3.75,3.75,0,0,1,8,13.085V5.005H6v8.21a6,6,0,0,0,8,5.44,5.851,5.851,0,0,0,4-5.65v-8H16ZM16,5v0h2V5ZM8,5H6v0H8Z"></path>
                    </svg>
                    <span class="fr-sr-only">下划线</span></button>
                <button id="strikeThrough-3" type="button" tabindex="-1" role="button" aria-pressed="false"
                        title="删除线 (Ctrl+S)" class="fr-command fr-btn" data-cmd="strikeThrough">
                    <svg class="fr-svg" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path d="M3,12.20294H21v1.5H16.63422a3.59782,3.59782,0,0,1,.34942,1.5929,3.252,3.252,0,0,1-1.31427,2.6997A5.55082,5.55082,0,0,1,12.20251,19a6.4421,6.4421,0,0,1-2.62335-.539,4.46335,4.46335,0,0,1-1.89264-1.48816,3.668,3.668,0,0,1-.67016-2.15546V14.704h.28723v-.0011h.34149v.0011H9.02v.11334a2.18275,2.18275,0,0,0,.85413,1.83069,3.69,3.69,0,0,0,2.32836.67926,3.38778,3.38778,0,0,0,2.07666-.5462,1.73346,1.73346,0,0,0,.7013-1.46655,1.69749,1.69749,0,0,0-.647-1.43439,3.00525,3.00525,0,0,0-.27491-.17725H3ZM16.34473,7.05981A4.18163,4.18163,0,0,0,14.6236,5.5462,5.627,5.627,0,0,0,12.11072,5,5.16083,5.16083,0,0,0,8.74719,6.06213,3.36315,3.36315,0,0,0,7.44006,8.76855a3.22923,3.22923,0,0,0,.3216,1.42786h2.59668c-.08338-.05365-.18537-.10577-.25269-.16064a1.60652,1.60652,0,0,1-.65283-1.30036,1.79843,1.79843,0,0,1,.68842-1.5108,3.12971,3.12971,0,0,1,1.96948-.55243,3.04779,3.04779,0,0,1,2.106.6687,2.35066,2.35066,0,0,1,.736,1.83258v.11341h2.00317V9.17346A3.90013,3.90013,0,0,0,16.34473,7.05981Z"></path>
                    </svg>
                    <span class="fr-sr-only">删除线</span></button>
                <button id="fontSize-3" type="button" tabindex="-1" role="button"
                        aria-controls="dropdown-menu-fontSize-3" aria-expanded="false" aria-haspopup="true" title="字号"
                        class="fr-command fr-btn fr-dropdown fr-selection" data-cmd="fontSize">
                    <svg class="fr-svg" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path d="M20.75,19h1.5l-3-10h-1.5l-3,10h1.5L17,16.5h3Zm-3.3-4,1.05-3.5L19.55,15Zm-5.7,4h2l-5-14h-2l-5,14h2l1.43-4h5.14ZM5.89,13,7.75,7.8,9.61,13Z"></path>
                    </svg>
                    <span class="fr-sr-only">字号</span></button>
                <div id="dropdown-menu-fontSize-3" class="fr-dropdown-menu" role="listbox" aria-labelledby="fontSize-3"
                     aria-hidden="true">
                    <div class="fr-dropdown-wrapper" role="presentation">
                        <div class="fr-dropdown-content" role="presentation">
                            <ul class="fr-dropdown-list" role="presentation">
                                <li role="presentation"><a class="fr-command" tabindex="-1" role="option"
                                                           data-cmd="fontSize" data-param1="
      8px" title="8">8</a></li>
                                <li role="presentation"><a class="fr-command" tabindex="-1" role="option"
                                                           data-cmd="fontSize" data-param1="
      9px" title="9">9</a></li>
                                <li role="presentation"><a class="fr-command" tabindex="-1" role="option"
                                                           data-cmd="fontSize" data-param1="
      10px" title="10">10</a></li>
                                <li role="presentation"><a class="fr-command" tabindex="-1" role="option"
                                                           data-cmd="fontSize" data-param1="
      11px" title="11">11</a></li>
                                <li role="presentation"><a class="fr-command" tabindex="-1" role="option"
                                                           data-cmd="fontSize" data-param1="
      12px" title="12">12</a></li>
                                <li role="presentation"><a class="fr-command" tabindex="-1" role="option"
                                                           data-cmd="fontSize" data-param1="
      14px" title="14">14</a></li>
                                <li role="presentation"><a class="fr-command" tabindex="-1" role="option"
                                                           data-cmd="fontSize" data-param1="
      18px" title="18">18</a></li>
                                <li role="presentation"><a class="fr-command" tabindex="-1" role="option"
                                                           data-cmd="fontSize" data-param1="
      24px" title="24">24</a></li>
                                <li role="presentation"><a class="fr-command" tabindex="-1" role="option"
                                                           data-cmd="fontSize" data-param1="
      30px" title="30">30</a></li>
                                <li role="presentation"><a class="fr-command" tabindex="-1" role="option"
                                                           data-cmd="fontSize" data-param1="
      36px" title="36">36</a></li>
                                <li role="presentation"><a class="fr-command" tabindex="-1" role="option"
                                                           data-cmd="fontSize" data-param1="
      48px" title="48">48</a></li>
                                <li role="presentation"><a class="fr-command" tabindex="-1" role="option"
                                                           data-cmd="fontSize" data-param1="
      60px" title="60">60</a></li>
                                <li role="presentation"><a class="fr-command" tabindex="-1" role="option"
                                                           data-cmd="fontSize" data-param1="
      72px" title="72">72</a></li>
                                <li role="presentation"><a class="fr-command" tabindex="-1" role="option"
                                                           data-cmd="fontSize" data-param1="
      96px" title="96">96</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <button id="textColor-3" type="button" tabindex="-1" role="button" title="文字颜色"
                        class="fr-command fr-btn" data-cmd="textColor" data-popup="true">
                    <svg class="fr-svg" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path d="M15.2,13.494s-3.6,3.9-3.6,6.3a3.65,3.65,0,0,0,7.3.1v-.1C18.9,17.394,15.2,13.494,15.2,13.494Zm-1.47-1.357.669-.724L12.1,5h-2l-5,14h2l1.43-4h2.943A24.426,24.426,0,0,1,13.726,12.137ZM11.1,7.8l1.86,5.2H9.244Z"></path>
                    </svg>
                    <span class="fr-sr-only">文字颜色</span></button>
                <button id="backgroundColor-3" type="button" tabindex="-1" role="button" title="背景颜色"
                        class="fr-command fr-btn" data-cmd="backgroundColor" data-popup="true">
                    <svg class="fr-svg" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path d="M9.91752,12.24082l7.74791-5.39017,1.17942,1.29591-6.094,7.20747L9.91752,12.24082M7.58741,12.652l4.53533,4.98327a.93412.93412,0,0,0,1.39531-.0909L20.96943,8.7314A.90827.90827,0,0,0,20.99075,7.533l-2.513-2.76116a.90827.90827,0,0,0-1.19509-.09132L7.809,11.27135A.93412.93412,0,0,0,7.58741,12.652ZM2.7939,18.52772,8.41126,19.5l1.47913-1.34617-3.02889-3.328Z"></path>
                    </svg>
                    <span class="fr-sr-only">背景颜色</span></button>
            </div>
            <div class="fr-btn-grp fr-float-left">
                <button id="alignLeft-3" type="button" tabindex="-1" role="button" title="左对齐" class="fr-command fr-btn"
                        data-cmd="alignLeft">
                    <svg class="fr-svg" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path d="M3,18h6v-2H3V18z M3,11v2h12v-2H3z M3,6v2h18V6H3z"></path>
                    </svg>
                    <span class="fr-sr-only">左对齐</span></button>
                <button id="alignCenter-3" type="button" tabindex="-1" role="button" title="居中"
                        class="fr-command fr-btn" data-cmd="alignCenter">
                    <svg class="fr-svg" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path d="M9,18h6v-2H9V18z M6,11v2h12v-2H6z M3,6v2h18V6H3z"></path>
                    </svg>
                    <span class="fr-sr-only">居中</span></button>
                <button id="alignRight-3" type="button" tabindex="-1" role="button" title="右对齐"
                        class="fr-command fr-btn" data-cmd="alignRight">
                    <svg class="fr-svg" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path d="M15,18h6v-2h-6V18z M9,11v2h12v-2H9z M3,6v2h18V6H3z"></path>
                    </svg>
                    <span class="fr-sr-only">右对齐</span></button>
                <button id="alignJustify-3" type="button" tabindex="-1" role="button" title="两端对齐"
                        class="fr-command fr-btn" data-cmd="alignJustify">
                    <svg class="fr-svg" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path d="M3,18h18v-2H3V18z M3,11v2h18v-2H3z M3,6v2h18V6H3z"></path>
                    </svg>
                    <span class="fr-sr-only">两端对齐</span></button>
                <button id="formatOLSimple-3" type="button" tabindex="-1" role="button" title="编号"
                        class="fr-command fr-btn" data-cmd="formatOLSimple">
                    <svg class="fr-svg" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path d="M2.5,16h2v.5h-1v1h1V18h-2v1h3V15h-3Zm1-7h1V5h-2V6h1Zm-1,2H4.3L2.5,13.1V14h3V13H3.7l1.8-2.1V10h-3Zm5-5V8h14V6Zm0,12h14V16H7.5Zm0-5h14V11H7.5Z"></path>
                    </svg>
                    <span class="fr-sr-only">编号</span></button>
                <button id="formatULSimple-3" type="button" tabindex="-1" role="button" title="项目符号"
                        class="fr-command fr-btn" data-cmd="formatULSimple">
                    <svg class="fr-svg" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path d="M4,10.5c-0.8,0-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5s1.5-0.7,1.5-1.5S4.8,10.5,4,10.5z M4,5.5C3.2,5.5,2.5,6.2,2.5,7  S3.2,8.5,4,8.5S5.5,7.8,5.5,7S4.8,5.5,4,5.5z M4,15.5c-0.8,0-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5s1.5-0.7,1.5-1.5S4.8,15.5,4,15.5z   M7.5,6v2h14V6H7.5z M7.5,18h14v-2h-14V18z M7.5,13h14v-2h-14V13z"></path>
                    </svg>
                    <span class="fr-sr-only">项目符号</span></button>
                <button id="paragraphFormat-3" type="button" tabindex="-1" role="button"
                        aria-controls="dropdown-menu-paragraphFormat-3" aria-expanded="false" aria-haspopup="true"
                        title="段落格式" class="fr-command fr-btn fr-dropdown fr-selection" data-cmd="paragraphFormat">
                    <svg class="fr-svg" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path d="M10.15,5A4.11,4.11,0,0,0,6.08,8.18,4,4,0,0,0,10,13v6h2V7h2V19h2V7h2V5ZM8,9a2,2,0,0,1,2-2v4A2,2,0,0,1,8,9Z"></path>
                    </svg>
                    <span class="fr-sr-only">段落格式</span></button>
                <div id="dropdown-menu-paragraphFormat-3" class="fr-dropdown-menu" role="listbox"
                     aria-labelledby="paragraphFormat-3" aria-hidden="true">
                    <div class="fr-dropdown-wrapper" role="presentation">
                        <div class="fr-dropdown-content" role="presentation">
                            <ul class="fr-dropdown-list" role="presentation">
                                <li role="presentation"><p style="padding: 0 !important; margin: 0 !important;"
                                                           role="presentation"><a class="fr-command" tabindex="-1"
                                                                                  role="option"
                                                                                  data-cmd="paragraphFormat"
                                                                                  data-param1="N" title="正文">正文</a></p>
                                </li>
                                <li role="presentation"><h1 style="padding: 0 !important; margin: 0 !important;"
                                                            role="presentation"><a class="fr-command" tabindex="-1"
                                                                                   role="option"
                                                                                   data-cmd="paragraphFormat"
                                                                                   data-param1="H1" title="标题1">标题1</a>
                                </h1></li>
                                <li role="presentation"><h2 style="padding: 0 !important; margin: 0 !important;"
                                                            role="presentation"><a class="fr-command" tabindex="-1"
                                                                                   role="option"
                                                                                   data-cmd="paragraphFormat"
                                                                                   data-param1="H2" title="标题2">标题2</a>
                                </h2></li>
                                <li role="presentation"><h3 style="padding: 0 !important; margin: 0 !important;"
                                                            role="presentation"><a class="fr-command" tabindex="-1"
                                                                                   role="option"
                                                                                   data-cmd="paragraphFormat"
                                                                                   data-param1="H3" title="标题3">标题3</a>
                                </h3></li>
                                <li role="presentation"><h4 style="padding: 0 !important; margin: 0 !important;"
                                                            role="presentation"><a class="fr-command" tabindex="-1"
                                                                                   role="option"
                                                                                   data-cmd="paragraphFormat"
                                                                                   data-param1="H4" title="标题4">标题4</a>
                                </h4></li>
                                <li role="presentation">
                                    <pre style="padding: 0 !important; margin: 0 !important;" role="presentation"><a
                                            class="fr-command" tabindex="-1" role="option" data-cmd="paragraphFormat"
                                            data-param1="PRE" title="代码">代码</a></pre>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <button id="lineHeight-3" type="button" tabindex="-1" role="button"
                        aria-controls="dropdown-menu-lineHeight-3" aria-expanded="false" aria-haspopup="true" title="行距"
                        class="fr-command fr-btn fr-dropdown" data-cmd="lineHeight">
                    <svg class="fr-svg" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path d="M6.25,7h2.5L5.25,3.5,1.75,7h2.5V17H1.75l3.5,3.5L8.75,17H6.25Zm4-2V7h12V5Zm0,14h12V17h-12Zm0-6h12V11h-12Z"></path>
                    </svg>
                    <span class="fr-sr-only">行距</span></button>
                <div id="dropdown-menu-lineHeight-3" class="fr-dropdown-menu" role="listbox"
                     aria-labelledby="lineHeight-3" aria-hidden="true">
                    <div class="fr-dropdown-wrapper" role="presentation">
                        <div class="fr-dropdown-content" role="presentation">
                            <ul class="fr-dropdown-list" role="presentation">
                                <li role="presentation"><a class="fr-command Default" tabindex="-1" role="option"
                                                           data-cmd="lineHeight" data-param1="" title="默认">默认</a></li>
                                <li role="presentation"><a class="fr-command Single" tabindex="-1" role="option"
                                                           data-cmd="lineHeight" data-param1="1" title="单倍行距">单倍行距</a>
                                </li>
                                <li role="presentation"><a class="fr-command 1.15" tabindex="-1" role="option"
                                                           data-cmd="lineHeight" data-param1="1.15"
                                                           title="1.15">1.15</a></li>
                                <li role="presentation"><a class="fr-command 1.5" tabindex="-1" role="option"
                                                           data-cmd="lineHeight" data-param1="1.5" title="1.5">1.5</a>
                                </li>
                                <li role="presentation"><a class="fr-command Double" tabindex="-1" role="option"
                                                           data-cmd="lineHeight" data-param1="2" title="双倍行距">双倍行距</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <button id="outdent-3" type="button" tabindex="-1" role="button" title="减少缩进量 (Ctrl+[)"
                        class="fr-command fr-btn" data-cmd="outdent">
                    <svg class="fr-svg" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path d="M3,12l3,3V9L3,12z M3,19h18v-2H3V19z M3,7h18V5H3V7z M9,11h12V9H9V11z M9,15h12v-2H9V15z"></path>
                    </svg>
                    <span class="fr-sr-only">减少缩进量</span></button>
                <button id="indent-3" type="button" tabindex="-1" role="button" title="增加缩进量 (Ctrl+])"
                        class="fr-command fr-btn" data-cmd="indent">
                    <svg class="fr-svg" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path d="M3,9v6l3-3L3,9z M3,19h18v-2H3V19z M3,7h18V5H3V7z M9,11h12V9H9V11z M9,15h12v-2H9V15z"></path>
                    </svg>
                    <span class="fr-sr-only">增加缩进量</span></button>
                <button id="quote-3" type="button" tabindex="-1" role="button" aria-controls="dropdown-menu-quote-3"
                        aria-expanded="false" aria-haspopup="true" title="引用" class="fr-command fr-btn fr-dropdown"
                        data-cmd="quote">
                    <svg class="fr-svg" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path d="M10.31788,5l.93817,1.3226A12.88271,12.88271,0,0,0,8.1653,9.40125a5.54242,5.54242,0,0,0-.998,3.07866v.33733q.36089-.04773.66067-.084a4.75723,4.75723,0,0,1,.56519-.03691,2.87044,2.87044,0,0,1,2.11693.8427,2.8416,2.8416,0,0,1,.8427,2.09274,3.37183,3.37183,0,0,1-.8898,2.453A3.143,3.143,0,0,1,8.10547,19,3.40532,3.40532,0,0,1,5.375,17.7245,4.91156,4.91156,0,0,1,4.30442,14.453,9.3672,9.3672,0,0,1,5.82051,9.32933,14.75716,14.75716,0,0,1,10.31788,5Zm8.39243,0,.9369,1.3226a12.88289,12.88289,0,0,0-3.09075,3.07865,5.54241,5.54241,0,0,0-.998,3.07866v.33733q.33606-.04773.63775-.084a4.91773,4.91773,0,0,1,.58938-.03691,2.8043,2.8043,0,0,1,2.1042.83,2.89952,2.89952,0,0,1,.80578,2.10547,3.42336,3.42336,0,0,1-.86561,2.453A3.06291,3.06291,0,0,1,16.49664,19,3.47924,3.47924,0,0,1,13.742,17.7245,4.846,4.846,0,0,1,12.64721,14.453,9.25867,9.25867,0,0,1,14.17476,9.3898,15.26076,15.26076,0,0,1,18.71031,5Z"></path>
                    </svg>
                    <span class="fr-sr-only">引用</span></button>
                <div id="dropdown-menu-quote-3" class="fr-dropdown-menu" role="listbox" aria-labelledby="quote-3"
                     aria-hidden="true">
                    <div class="fr-dropdown-wrapper" role="presentation">
                        <div class="fr-dropdown-content" role="presentation">
                            <ul class="fr-dropdown-list" role="presentation">
                                <li role="presentation"><a class="fr-command fr-active increase" tabindex="-1"
                                                           role="option" data-cmd="quote" data-param1="increase"
                                                           title="Increase">增加引用级别<span
                                        class="fr-shortcut">Ctrl+'</span></a></li>
                                <li role="presentation"><a class="fr-command fr-active decrease" tabindex="-1"
                                                           role="option" data-cmd="quote" data-param1="decrease"
                                                           title="Decrease">减少引用级别<span
                                        class="fr-shortcut">Ctrl+Shift+'</span></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="fr-btn-grp fr-float-left">
                <button id="insertImage-3" type="button" tabindex="-1" role="button" title="插入图片 (Ctrl+P)"
                        class="fr-command fr-btn" data-cmd="insertImage" data-popup="true">
                    <svg class="fr-svg" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path d="M14.2,11l3.8,5H6l3-3.9l2.1,2.7L14,11H14.2z M8.5,11c0.8,0,1.5-0.7,1.5-1.5S9.3,8,8.5,8S7,8.7,7,9.5C7,10.3,7.7,11,8.5,11z   M22,6v12c0,1.1-0.9,2-2,2H4c-1.1,0-2-0.9-2-2V6c0-1.1,0.9-2,2-2h16C21.1,4,22,4.9,22,6z M20,8.8V6H4v12h16V8.8z"></path>
                    </svg>
                    <span class="fr-sr-only">插入图片</span></button>
                <button id="insertVideo-3" type="button" tabindex="-1" role="button" title="插入视频"
                        class="fr-command fr-btn" data-cmd="insertVideo" data-popup="true">
                    <svg class="fr-svg" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path d="M15,8v8H5V8H15m2,2.5V7a1,1,0,0,0-1-1H4A1,1,0,0,0,3,7V17a1,1,0,0,0,1,1H16a1,1,0,0,0,1-1V13.5l2.29,2.29A1,1,0,0,0,21,15.08V8.91a1,1,0,0,0-1.71-.71Z"></path>
                    </svg>
                    <span class="fr-sr-only">插入视频</span></button>
                <button id="emoticons-3" type="button" tabindex="-1" role="button" title="表情符号"
                        class="fr-command fr-btn" data-cmd="emoticons" data-popup="true">
                    <svg class="fr-svg" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path d="M11.991,3A9,9,0,1,0,21,12,8.99557,8.99557,0,0,0,11.991,3ZM12,19a7,7,0,1,1,7-7A6.99808,6.99808,0,0,1,12,19Zm3.105-5.2h1.503a4.94542,4.94542,0,0,1-9.216,0H8.895a3.57808,3.57808,0,0,0,6.21,0ZM7.5,9.75A1.35,1.35,0,1,1,8.85,11.1,1.35,1.35,0,0,1,7.5,9.75Zm6.3,0a1.35,1.35,0,1,1,1.35,1.35A1.35,1.35,0,0,1,13.8,9.75Z"></path>
                    </svg>
                    <span class="fr-sr-only">表情符号</span></button>
                <button id="insertLink-3" type="button" tabindex="-1" role="button" title="插入超链接 (Ctrl+K)"
                        class="fr-command fr-btn" data-cmd="insertLink" data-popup="true">
                    <svg class="fr-svg" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path d="M11,17H7A5,5,0,0,1,7,7h4V9H7a3,3,0,0,0,0,6h4ZM17,7H13V9h4a3,3,0,0,1,0,6H13v2h4A5,5,0,0,0,17,7Zm-1,4H8v2h8Z"></path>
                    </svg>
                    <span class="fr-sr-only">插入超链接</span></button>
                <button id="insertTable-3" type="button" tabindex="-1" role="button" title="插入表格"
                        class="fr-command fr-btn" data-cmd="insertTable" data-popup="true">
                    <svg class="fr-svg" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path d="M20,5H4C2.9,5,2,5.9,2,7v2v1.5v3V15v2c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2v-2v-1.5v-3V9V7C22,5.9,21.1,5,20,5z M9.5,13.5v-3  h5v3H9.5z M14.5,15v2.5h-5V15H14.5z M9.5,9V6.5h5V9H9.5z M3.5,7c0-0.3,0.2-0.5,0.5-0.5h4V9H3.5V7z M3.5,10.5H8v3H3.5V10.5z M3.5,17  v-2H8v2.5H4C3.7,17.5,3.5,17.3,3.5,17z M20.5,17c0,0.3-0.2,0.5-0.5,0.5h-4V15h4.5V17z M20.5,13.5H16v-3h4.5V13.5z M16,9V6.5h4  c0.3,0,0.5,0.2,0.5,0.5v2H16z"></path>
                    </svg>
                    <span class="fr-sr-only">插入表格</span></button>
                <button id="insertHR-3" type="button" tabindex="-1" role="button" title="插入水平线"
                        class="fr-command fr-btn" data-cmd="insertHR">
                    <svg class="fr-svg" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path d="M5,12h14 M19,11H5v2h14V11z"></path>
                    </svg>
                    <span class="fr-sr-only">插入水平线</span></button>
            </div>
            <div class="fr-btn-grp fr-float-right">
                <button id="undo-3" type="button" tabindex="-1" role="button" aria-disabled="true" title="撤消 (Ctrl+Z)"
                        class="fr-command fr-btn fr-disabled" data-cmd="undo">
                    <svg class="fr-svg" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path d="M10.4,9.4c-1.7,0.3-3.2,0.9-4.6,2L3,8.5v7h7l-2.7-2.7c3.7-2.6,8.8-1.8,11.5,1.9c0.2,0.3,0.4,0.5,0.5,0.8l1.8-0.9  C18.9,10.8,14.7,8.7,10.4,9.4z"></path>
                    </svg>
                    <span class="fr-sr-only">撤消</span></button>
                <button id="redo-3" type="button" tabindex="-1" role="button" aria-disabled="true"
                        title="恢复 (Ctrl+Shift+Z)" class="fr-command fr-btn fr-disabled" data-cmd="redo">
                    <svg class="fr-svg" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path d="M13.6,9.4c1.7,0.3,3.2,0.9,4.6,2L21,8.5v7h-7l2.7-2.7C13,10.1,7.9,11,5.3,14.7c-0.2,0.3-0.4,0.5-0.5,0.8L3,14.6  C5.1,10.8,9.3,8.7,13.6,9.4z"></path>
                    </svg>
                    <span class="fr-sr-only">恢复</span></button>
                <button id="html-3" type="button" tabindex="-1" role="button" aria-pressed="false" title="代码视图"
                        class="fr-command fr-btn" data-cmd="html">
                    <svg class="fr-svg" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path d="M9.4,16.6,4.8,12,9.4,7.4,8,6,2,12l6,6Zm5.2,0L19.2,12,14.6,7.4,16,6l6,6-6,6Z"></path>
                    </svg>
                    <span class="fr-sr-only">代码视图</span></button>
            </div>
            <div class="fr-newline"></div>
        </div>
    </div>
    <div class="article_editor_content">
        <div class="wrapper">
            <div class="article_editor_page">
                <div class="article_editor_title"><input type="text" placeholder="请在这里输入标题" name="title"
                                                         max-length="64"></div>
                <div class="article_editor_info">
                    <select name="" id="">
                        <option value="">新闻中心</option>
                        <option value="">行业资讯</option>
                    </select>
                    <label>
                        <span>发布于</span>
                        <input type="text" class="l" placeholder="2020-01-31 19:47:09">
                    </label>
                    <label>
                        <span>阅读数</span>
                        <input type="text" class="s" placeholder="0">
                    </label>
                </div>
                <div class="article_editor_textarea">
                    <div class="fr-box fr-ltr fr-basic" role="application">
                        <div class="fr-wrapper show-placeholder" dir="ltr">
                            <div style="z-index:9999;width:100%;position:relative"><a
                                    href="https://www.froala.com/wysiwyg-editor?k=u"
                                    style="padding: 10px 25px;color:#FFF;text-decoration:none;background:#EF5350;display:block;font-size:14px;font-family:sans-serif"
                                    target="_blank">Unlicensed copy of the Froala Editor. Use it legally by purchasing a
                                license.</a></div>
                            <div class="fr-element fr-view" dir="ltr" contenteditable="true" style="min-height: 500px;"
                                 aria-disabled="false" spellcheck="true"></div>
                            <span class="fr-placeholder"
                                  style="font-size: 14px; line-height: 22.4px; margin-top: 39px; padding-top: 0px; padding-left: 0px; margin-left: 0px; padding-right: 0px; margin-right: 0px; text-align: left;">从这里开始写正文</span>
                        </div>
                        <div class="second-toolbar"><a id="logo" href="https://froala.com/wysiwyg-editor"
                                                       target="_blank" title="Froala WYSIWYG HTML Editor"><span>Powered by</span>
                            <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg"
                                 viewBox="0 0 822.8 355.33">
                                <defs>
                                    <style>.fr-logo {
                                        fill: #b1b2b7;
                                    }</style>
                                </defs>
                                <title>Froala</title>
                                <path class="fr-logo"
                                      d="M123.58,78.65A16.16,16.16,0,0,0,111.13,73H16.6C7.6,73,0,80.78,0,89.94V128.3a16.45,16.45,0,0,0,32.9,0V104.14h78.5A15.63,15.63,0,0,0,126.87,91.2,15.14,15.14,0,0,0,123.58,78.65Z"></path>
                                <path class="fr-logo"
                                      d="M103.54,170a16.05,16.05,0,0,0-11.44-4.85H15.79A15.81,15.81,0,0,0,0,180.93v88.69a16.88,16.88,0,0,0,5,11.92,16,16,0,0,0,11.35,4.7h.17a16.45,16.45,0,0,0,16.41-16.6v-73.4H92.2A15.61,15.61,0,0,0,107.89,181,15.1,15.1,0,0,0,103.54,170Z"></path>
                                <path class="fr-logo"
                                      d="M233,144.17c-5.29-6.22-16-7.52-24.14-7.52-16.68,0-28.72,7.71-36.5,23.47v-5.67a16.15,16.15,0,1,0-32.3,0v115.5a16.15,16.15,0,1,0,32.3,0v-38.7c0-19.09,3.5-63.5,35.9-63.5a44.73,44.73,0,0,1,5.95.27h.12c12.79,1.2,20.06-2.73,21.6-11.69C236.76,151.48,235.78,147.39,233,144.17Z"></path>
                                <path class="fr-logo"
                                      d="M371.83,157c-13.93-13.11-32.9-20.33-53.43-20.33S279,143.86,265.12,157c-14.67,13.88-22.42,32.82-22.42,54.77,0,21.68,8,41.28,22.4,55.2,13.92,13.41,32.85,20.8,53.3,20.8s39.44-7.38,53.44-20.79c14.55-13.94,22.56-33.54,22.56-55.21S386.39,170.67,371.83,157Zm-9.73,54.77c0,25.84-18.38,44.6-43.7,44.6s-43.7-18.76-43.7-44.6c0-25.15,18.38-43.4,43.7-43.4S362.1,186.59,362.1,211.74Z"></path>
                                <path class="fr-logo"
                                      d="M552.7,138.14a16.17,16.17,0,0,0-16,16.3v1C526.41,143.85,509,136.64,490,136.64c-19.83,0-38.19,7.24-51.69,20.4C424,171,416.4,190,416.4,212c0,21.61,7.78,41.16,21.9,55,13.56,13.33,31.92,20.67,51.7,20.67,18.83,0,36.29-7.41,46.7-19.37v1.57a16.15,16.15,0,1,0,32.3,0V154.44A16.32,16.32,0,0,0,552.7,138.14Zm-16.3,73.6c0,30.44-22.81,44.3-44,44.3-24.57,0-43.1-19-43.1-44.3s18.13-43.4,43.1-43.4C513.73,168.34,536.4,183.55,536.4,211.74Z"></path>
                                <path class="fr-logo"
                                      d="M623.5,61.94a16.17,16.17,0,0,0-16,16.3v191.7a16.15,16.15,0,1,0,32.3,0V78.24A16.32,16.32,0,0,0,623.5,61.94Z"></path>
                                <path class="fr-logo"
                                      d="M806.5,138.14a16.17,16.17,0,0,0-16,16.3v1c-10.29-11.63-27.74-18.84-46.7-18.84-19.83,0-38.19,7.24-51.69,20.4-14.33,14-21.91,33-21.91,55,0,21.61,7.78,41.16,21.9,55,13.56,13.33,31.92,20.67,51.7,20.67,18.83,0,36.29-7.41,46.7-19.37v1.57a16.15,16.15,0,1,0,32.3,0V154.44A16.32,16.32,0,0,0,806.5,138.14Zm-16.3,73.6c0,30.44-22.81,44.3-44,44.3-24.57,0-43.1-19-43.1-44.3s18.13-43.4,43.1-43.4C767.53,168.34,790.2,183.55,790.2,211.74Z"></path>
                            </svg>
                        </a><span class="fr-counter" style="bottom: 0px; margin-right: 0px;">字数统计 : 0</span></div>
                    </div>
                    <textarea id="editor" style="display: none;"></textarea></div>
                <div class="article_editor_options">
                    <div class="article_editor_info2">
                        <div class="tit">封面摘要</div>
                        <div class="con">
                            <div class="fl">
                                <div class="thumb"></div>
                            </div>
                            <div class="fr"><textarea
                                    placeholder="选填，摘要会在文章列表页显露，帮助读者快速了解内容，如不填写则默认抓取正文前54字"></textarea></div>
                        </div>
                    </div>
                    <div class="article_editor_setting">
                        <div class="tit">文章设置</div>
                        <div class="con">
                            <ul>
                                <li>
                                    <div class="box"><span>关键词：</span><input type="text"
                                                                             placeholder="选填，关键字将会影响百度收录，每个关键字用逗号隔开">
                                    </div>
                                </li>
                                <li>
                                    <div class="box"><span>推荐位：</span><label><input
                                            type="checkbox">头条</label><label><input
                                            type="checkbox">推荐</label><label><input type="checkbox">未审核</label></div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="article_editor_savebar" style="bottom: 829px;">
        <div class="wrapper">
            <div class="fl"><span>正文字数<i class="article_editor_charCount">0</i></span></div>
            <div class="fr">
                <button type="submit">保存发布</button>
                <button>取消发布</button>
            </div>
        </div>
    </div>
</section>
<script src="{% static 'js/md/jquery.min.js.下载' %}"></script>
<script src="{% static 'js/md/froala_editor.pkgd.min.js.下载' %}"></script>
<script>
    $(window).scroll(setEditFixed);
    $(document).ready(function () {
        setEditFixed();
        initEditor();
    });
    $(window).resize(function () {
        setEditFixed();
        initEditor();
    });
</script>
</body>
</html>